/* ------------------------------------------------------------
 * PUBLIC SITE HEAD
 * ------------------------------------------------------------
 */
.log-bg{
	background-color:#2c2e33;
}
.g-header{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width:868px;
	z-index: 1002;
	height: 35px;
	background-color: #2c2e33;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.g-header-menu{
	float:right;
	height: 35px;
	line-height: 0;
	font-size: 0;
	padding-top: 12px;
	& a{
		display: inline-block;
		vertical-align: top;
		width:12px;
		height:12px;
		margin: 0 8px;
		background: url(../images/common/hder-cont-tion_01.png) no-repeat;
	}
	& .nth1{
		background-position: -20px -20px;
	}
	& .nth2{
		background-position: -20px -52px;
	}
	& .nth3{
		background-position: -20px -84px;
	}
}
.g-header-tit{
	float:left;
	color: #838383;
	font-size: 12px;
	line-height: 34px;
	margin: 0;
	padding-left: 14px;
}
.change-skin{
	position: relative;
	.skins-box.show{
		display: block;
	}
	.skins-box{
		display: none;
		position: absolute;
		top: 8px;
		left: -150%;
		padding: 5px;
		background: #46484B;
		font-size: 12px;
		width: 70px;
		height: 85px;
		color: white;
		border-radius: 4px;
		z-index: 1002;
		span{
			display: block;
			line-height: 2;
			text-align: center;
			&:hover{
				background: rgba(0,0,0,.2)
			}
		}
		
	}
	
}